Skip to content

Conversation

MefistAldemisov
Copy link

Slightly tunned the design of the component:

  1. Added outlined button type for xl sizes, because there is no focus in mobile version
  2. Capitalized the months' names
  3. Set padding between arrows to 8px
  4. Make horizontal and vertical paddings of calendar different and customizable

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

Copy link
Contributor

@korvin89 korvin89 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Btw, there is no way (for now) to see this changes in all of our components (except Calendar in pure view) because we use native date pickers in case of mobile view (useMobile hook output)

@@ -45,6 +45,8 @@ export const CalendarView = React.forwardRef<CalendarInstance, CalendarViewProps
state,
);

const buttonView = props.size === 'xl' ? 'outlined' : 'flat';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why we should change button view according to the size property? I suggest u to use useMobile hook here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants